@charset 'utf-8';
@import 'sass/function';
// index

.fuwuheader{
    @include warp(94%,auto,20px);
    li{
        float: left;width: 120px;height: 150px;
        margin: 0 20px 20px 0;
        position: relative;
        div{
            width: 100%;height: 120px;
            // background: #eee;
            border-radius: 50%;
            position: relative;
            canvas{
                width: 100%;height: 100%;
                transform: scale(1.1);
                // font-size: 14px!important;
            }
        }
        p{
            @include center(12px,#333,30px,center,bold);
        }
    }
}
#fuwucontentmax{
    @include warp(100%);

}
.fuwucontent{
    @include warp(100%,auto,0,10px);
}
.contentleft{
    float: left;width: 30px;
    @include center(12px,#333,16px);
    border: 1px solid #8c9bb0;
    height: 100%;
    border-right: none;
    position: relative;
    span{
        position: absolute;
        left: 50%;
        top:50%;    
        transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        -moz-transform: translateY(-50%) translateX(-50%);
        -webkit-transform: translateY(-50%) translateX(-50%);
        -o-transform: translateY(-50%) translateX(-50%);

    }
}
.contentright{
    float: right;width: 100%;
    border: 1px solid #8c9bb0;
}
// table
.formbox{
    @include warp(98%,auto,8px,8px);
}
.tabletop{
    @include warp(100%);
    div{
        float: right;
        overflow: hidden;
        p{
            display: inline-block;
            @include center(12px,#666,30px);
        }
        select{
            width: 120px;
            // background: #e5eff9;
        }
        a{
            padding: 2px 10px;border: 1px solid #eee;
            background: #cfdbeb;
            // display: block;
            @include center(12px,#666,20px);
        }
        
    }
    .tabtopdiv2{
        background: none;
        button{
            // @include center(12px,#666,20px);
            padding: 2px 10px;
        }
    }
}
.tabtoptitle{
    float: left;padding: 2px 10px;border: 1px solid #eee;
    background: #cfdbeb;
    @include center(12px,#666,20px);
    button{
        padding: 2px 5px;
    }
}
.tabtoptitle2{
    background: none;padding-left: 0;
}
#sousuo{
    width: 300px;padding: 1px 0;
    margin: 0 0 10px 0;display: block;
}
// tableform
.tabdivbox{
    overflow-x: scroll;padding: 8px 0 20px;
    // border-bottom: 1px solid #aeb7c8;
    // box-sizing: border-box;
    .formtable{
        border-collapse: collapse;
        border: 1px solid #aeb7c8;
        // border-left:none!important;
        // tr td:nth-child(1){
        //     border-left:none!important;
        //     // background: red; 
        // }
        tr:first-child td{
            background: #e5eff9;
        }
    }
    td{
        border: 1px solid #aeb7c8;
        padding: 2px 0;
        background: #fff;
        span{
            padding:0 14px 0 4px;white-space:nowrap;
            // height: 100%;width: 100%;
            @include center(12px,#222,20px);
        }
        input{
            margin: 4px 8px;
        }
    }
    select{
        width: 100%;border: none;height: 100%;
        @include center(12px,#666,20px);background: none;
    }
}
.tabbottom{
    @include warp(98%,auto,8px,8px);
    border: 1px solid #aeb7c8;
    dl{
        &:first-child{
            float: left;
        }
        &:last-child{
            float: right;
        }
        dt,dd{
            display: inline-block;padding: 5px;
        }
        dt{
            @include center(12px,#111,20px); 
        }
        dd a{
            @include center(12px,#374454,20px); 
            padding: 5px;
        }
    }
}